<include file="App/Home/View/Public/header.html" />
<!--banner-->
<div class="main">
    <div class="banner1 visible-xs-block">
    <img width="100%" src="__PUBLIC__/Home/images/wapbg.jpg">
    </div>
    <div class="banner hidden-xs">
        <div id="kinMaxShow" style="width: 100%; height: 846px; overflow: visible; position: relative; visibility: visible; display: block;">
        	<div class="slide_container">
                          <ul class="rslides slide slide1" id="slider1">
                          <volist name="banner['first']" id='vo'>
                             <li id="slide1_s0" class="photo_pic">
                             <a href="#">
                                  <img src="{$vo.pic}" >
                                  </a>
                                </li>
                                </volist>
                         </ul>
                   </div>
        </div>
    </div>
    <img class="logo_img hidden-xs" src="{$config.logo}">
    
 <!--{$Think.lang.__XXX8797__}  --> 
<div class="mainbody">
    <div class="container-fluid">
        <div class="col-lg-12">
            <div class="main-top hidden-xs">
            <div class="mainbutton">
            	<span class="poen_nav1">{$Think.lang.__GBDH8798__}</span>
                <span class="poen_nav">{$Think.lang.__ZKDH8798__}</span>
            </div>
        </div>
    </div>
</div>
<div class="bg_op000">
<div class="container-fluid ">
<div class="row">
<div class="col-lg-10 col-lg-offset-1">

<div class="row">
<div class="main-body" style="display:block;">
              <div class="col-lo-9 col-md-9 col-xs-12 col-sm-12"> 
                <ul class="nav nav-tabs" role="tablist">
                  <li role="presentation" class="active">
                  	<a href="#Company" aria-controls="Company" role="tab" data-toggle="tab">{$Think.lang.__GSJJ8798__}</a>
                  </li>
                  <li role="presentation">
                  	<a href="#hot-product" aria-controls="hot-product" role="tab" data-toggle="tab">{$Think.lang.__RXCP8798__}</a>
                  </li>
                  <li role="presentation" class="hidden-xs">
                  	<a href="#News-Center" aria-controls="News-Center" role="tab" data-toggle="tab">{$Think.lang.__XWZX8798__}</a>
                  </li>
                  <li role="presentation" class=" hidden-xs">
                  	<a href="#Message" aria-controls="Message" role="tab" data-toggle="tab">{$Think.lang.__LXWM8795__}</a>
                  </li>
                  <li role="presentation" class=" hidden-xs">
                  	<a href="#inter" aria-controls="inter" role="tab" data-toggle="tab">{$Think.lang.__XSWL8800__}</a>
                  </li>
                </ul>
                <div style="clear:both;"></div>
                <div class="tab-content">
                  <div role="tabpanel" class="tab-pane active" id="Company">
                    <div style="line-height: 20px">
                        <p>
                            {$list}
                        </p>
					</div>
                  </div>
                  <div role="tabpanel" class="tab-pane" id="hot-product">
                    <div class="row">
						<volist name="product_list" id="vo">
                      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 h-title">
                          <a href="{:U('Product/details',array('id'=>$vo['id']))}" title="{$vo['title']}">
                              <img src="{$vo['pic']}" class="img-thumbnail" alt="{$vo['title']}">           
                              <p>{$vo['title']}</p>
                          </a>
                      </div>
					  </volist>
					  
                    </div>
                  </div>
                  <div role="tabpanel" class="tab-pane hidden-xs" id="News-Center">
                    <div class="row">
                    <volist name='art' id='vo'>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 newsli"> 
                            <div class="media">
                            	<div class="media-left">
                                	<div class="newsdata">
                                    	<span>{$vo.add_time|date="m.d",###}</span>
                    					<span>{$vo.add_time|date="Y",###}</span>
                                 	</div>
                              </div>
                              <div class="media-body">
                                    <h4 class="media-heading"> 
                                    	<a href="{:U('News/details',array('id'=>$vo['id']))}">{$vo.title}</a>
                                    </h4>
                                	<span class="text-muted">{$vo.describe}</span>
                              </div>
                            </div>
                        </div>
                        </volist> 
                    </div>
                  </div>
                  <div role="tabpanel" class="tab-pane hidden-xs" id="Message">
                      <div class="row">
                          <div class="col-lg-6">
                            <p>
                               {$Think.lang.__DZ8800__}: {$config.address}<br>
                                <br>
                               {$Think.lang.__DH8796__}: {$config.phone}<br>
                                <br>
                                {$Think.lang.__CZ8801__}: {$config.fax}<br>
                                <br>
                                
                            </p>
                          </div>
                          <div class="col-lg-6">
                              <div id="dingdan">
                                <form class="form-horizontal" action="{:U('Contact/add')}" method="post" id="sendemail" role="form">
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label text-right" for="userName">{$Think.lang.__CH8795__}</label>
                                            <div class="col-sm-10">
                                            <input id="userName" name="name" placeholder="UserName" class="form-control" type="text">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label text-right" for="email">{$Think.lang.__DZYX8795__}</label>
                                            <div class="col-sm-10">
                                            <input id="email" name="email" placeholder="Email" class="form-control" type="text">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label text-right" for="tel">{$Think.lang.__DH8796__}</label>
                                            <div class="col-sm-10">
                                            <input id="tel" name="tel" placeholder="Tel" class="form-control" type="text">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label text-right" for="contents">{$Think.lang.__LYXX8801__}</label>
                                            <div class="col-sm-10">
                                                <textarea rows="3" id="contents" name="message" placeholder="Your Message" class="form-control"></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-10 col-sm-offset-2">
                                                <button type="submit" class="btn btn-primaty">{$Think.lang.__TJ8796__}</button>
                                            </div>
                                        </div>
                                 </form>
                            </div>
                      	</div>
                    </div>
               </div>
                   <div role="tabpanel" class="tab-pane hidden-xs" id="inter">                  
                   	<div class="hidden-xs row" style="margin-top:1.5%;">
                   		<div class="col-lg-6">
                             <img height="180px" src="{$pic1}">
                         </div>
                         <div class="col-lg-6">
                        	<img height="180px" src="{$pic2}">
                         </div>
                      </div>
                      
                      </div>
            </div>
        </div>
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 visible-lg-block visible-md-block">
                  <div class="gallery">
                      <h4>
                      	<p class="HY_photoall">{$Think.lang.__GSXQ8802__}</p>
                      </h4>
                      <div class="slide_container">
                          <ul class="rslides slide slide1" id="slider">
						  	<volist name="company" id="voo">
                             <li id="slide1_s0" class="photo_pic">
                             <a href="{:U('Index/index')}" title="{$voo['title']}">
                                  <img src="{$voo['pic']}" >
                                  <p class="caption">{$voo['title']}</p></a>
                                </li>
								</volist>
                         </ul>
                         <a href="#" class="slide_nav slide1_nav prev prev1">Previous</a>
                         <a href="#" class="slide_nav slide1_nav next next1">Next</a>
                   </div>
                </div>
             </div>
  	</div>
      <!--  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 index-txt" style="display: none;">
            <p><span><img src="__PUBLIC__/Home/images/tubiao.png"></span>&nbsp;&nbsp;L(__PZZY9158__)，L(__FWWX9158__)，L(__ZZJRDJPSWMKDGY9159__)</p>
        </div>-->
	</div>

</div>
</div>
</div>
</div>
</div>
</div>

<!---->
<include file="App/Home/View/Public/footer.html" />
<script language="javascript" type="text/javascript" src="__PUBLIC__/Home/js/kinMaxShow-run.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
	if($('.main-body').css('display')=='block'){
			$('.mainbutton img.img1').attr('src','/templates/images/navigation1.png') 
			$('.index-txt').css('display','none')
			
			}else{
				if($('.main-body').css('display')=='none'){
			$('.index-txt').css('display','block')
			}
				}
	$('.mainbutton').click(
	function(){
		if($('.main-body').css('display')=='block'){
			$('.main-body').stop().slideUp()
			$('.index-txt').stop().slideDown()
			$('.poen_nav').css("display","block")
			$('.poen_nav1').css("display","none")
			}else{
				if($('.main-body').css('display')=='none'){
			$('.main-body').stop().slideDown()
			$('.index-txt').stop().slideUp()
			$('.poen_nav').css("display","none")
			$('.poen_nav1').css("display","block")
			}
				}
		}
	)})

$(".nav-tabs ul li:first").addClass('active')
//{$Think.lang.__LB8804__}	

$(function () {
    $("#slider").responsiveSlides({
    auto: true,
    pager: false,
    nav: true,
    speed: 500,
    // {$Think.lang.__DYWC8804__}div{$Think.lang.__D8804__}class : slide_container
    namespace: "slide"
    });
});
		
		
		
		
		$(function () {
    $("#slider1").responsiveSlides({
    auto: true,
    pager: false,
    nav: true,
    speed: 500,
    // {$Think.lang.__DYWC8804__}div{$Think.lang.__D8804__}class : slide_container
    namespace: "slide"
    });
});	
</script>
<script>
$(".navbar-nav li").eq(0).addClass("top_cur")
</script>

